{% extends "base.html" %}

{% block content %}
  <h1 class="mt-5">{{ note.title }}</h1>
  <p>{{ note.content }}</p>
  <h3>Tags</h3>
  <p>{{ note.tags }}</p>
  <h3>Todos</h3>
  <ul>
    {% for todo in todos %}
      <li>{{ todo.task }} - Due: {{ todo.due_date }}</li>
    {% endfor %}
  </ul>
  <a class="btn btn-primary" href="{{ url_for('edit_note', note_id=note.id) }}" role="button">Edit</a>
  <form method="POST" action="{{ url_for('delete_note', note_id=note.id) }}" style="display:inline;">
    <button type="submit" class="btn btn-danger">Delete</button>
  </form>
{% endblock %}
